浅谈前端与SEO     SEO（Search Engine ，就是传说中的seo，是指为了增添上网页在SEO搜索引擎自然搜索功效中的收录数目以及晋升排序位置而做的优化行为。我认为这是一门说来简单，但操作起来复杂的手艺，只可融会，不成言传。作为一名前端工程师，不需要精晓SEO，但必需要体味它。SEO有一条不变的准则就是它永远都在变，因为没有一沉不变的优化方案可供巨匠套用。但我们仍然可以发现一些基本的或是被人们公认的纪律来进行网站的SEO。更主要的是我们要有自己的实践，不竭发现适合自己行之有用的SEO体例。
    从宏不美观的角度来说，SEO有三条最重要的规律，那就是原创的内容、高质量的外部链接和持之以恒适度的优化。
    前端是构建网站中很重要的一个环节，本篇重点畴前端的角度来讲解一下SEO的实施方法。前端的工作主若是负责页面的优化好这几个方面会为SEO工作打好一个坚实的根蒂根基。凸起重要内容可以让搜索引擎判定当前页面的重点是什么，提升网站访谒速度可以让搜索引擎的蜘蛛顺遂、快速、年夜量的抓取网页内容，所以以下我就着重以突出重要内容和提升网站速度为主来总结一下。
    突出重要内容
    合理的title、
    截图取自于360搜索（
    虽然此刻搜索对这三项的权重慢慢减小，但仍是但愿能够合理的写好他们，只写有效的工具，不要在这里写小说，要表达重点。
    title：只强调重点即可，重要关头词呈现不要跨越2次，而且要靠前，每个页面title要有所分歧，如下图：
    把网页内容高度归纳综合到这里，长度要合理，不行过度堆砌环节词，每个页面有所不同，如下图：
    列举出几个重要枢纽词即可，也弗成过分堆砌。
    语义化书写HTML代码，合适W3C尺度。
    对于搜索引擎来说，最直接面临的就是网页HTML代码，假如代码写的语义化，搜索引擎就会很轻易的读懂该网页要表达的意思。例如文本模块要有大问题，合理操作h1-h6，列表形式的代码使用ul或ol，重要的文字使用等。总之就是要充实哄骗各类HTML标签完成他们本职的工作，当然要兼容IE、火狐、主流浏览器。
    在没有样式的情形下，代码很是语义化，看起来很工整，加载不同的样式之后可以随心所欲的改变页面外观。
    无样式情况下：
    加载样式1：
    加载样式2：
    行使结构，把重要内容HTML代码放在最前。
    搜索引擎抓取HTML内容是从上到下，利用这一特点，可以让首要代码优先读取，广告等不重要代码放不才边。例如，在左栏和右栏的代码不变的情况下，只需改一下样式，利用float:left和float:right就可以随意让两栏在揭示上位置交流，这样就可以保证重要代码在最前，让爬虫最先抓取。同样也合用于多栏的情况。
    重要内容不要用JS输出。
    蜘蛛不会读取JS里的内容，所以重要内容必须放在HTML里。